<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>多选组合网格 - jQuery EasyUI 演示</title>
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
	<link rel="stylesheet" type="text/css" href="../demo.css">
	<script type="text/javascript" src="../../jquery.min.js"></script>
	<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
</head>
<body>
	<h2 title="Multiple ComboGrid">多选组合网格</h2>
	<p title="Click the right arrow button to show the DataGrid and select items.">　　点击右箭按钮显示数据网格并选择其项（默认已选2项，即 <i>物料编码＝EST-1 和 EST-15</i>）。</p>
	<div class="easyui-panel" style="width:100%;max-width:400px;padding:20px;">
		<div style="margin-bottom:0px">
			<select class="easyui-combogrid" style="width:100%" data-options="panelWidth: 614, multiple: true,
					idField: 'itemid', textField: 'productname', url: 'datagrid_data1.json', method: 'get',
					value: ['EST-1','EST-15'],
					columns: [[
						{field:'itemid',title:'<h title=\'Item ID\'>物料编码</h>',halign:'center'},
						{field:'productid',title:'<h title=\'Product ID\'>产品编码</h>',halign:'center'},
						{field:'productname',title:'<h title=\'Product Name\'>产品名称</h>',halign:'center'},
						{field:'listprice',title:'<h title=\'List Price\'>清单<br/>价格</h>',align:'right',halign:'center'},
						{field:'unitcost',title:'<h title=\'Unit Cost\'>成本<br/>单价</h>',align:'right',halign:'center'},
						{field:'attr1',title:'<h title=\'Attribute\'>物料属性</h>',halign:'center'},
						{field:'status',title:'<h title=\'Status\'>状态</h>',align:'center'}
					]],
					fitColumns: true, label: '<h title=\'Select Item:\'>选物料：</h>',
					labelPosition: 'left', labelWidth:55, labelAlign:'right'
				">
			</select>
		</div>
	</div>
</body>
</html>